<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp">
     <meta name="keywords" content="${keyword}"  >
    <meta name="description" content="${description }" />
    <title   data-index="1" id="selextTitle" >JAVA+Android课程-湖南卓景京信息技术有限公司</title>
    <!--[if lt IE 8]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    <link href="${path }/resource/plugin/bootstrap-3.3.5/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="${path }/resource/plugin/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="${path }/resource/css/visitor/base.css" rel="stylesheet" type="text/css">
    <link href="${path }/resource/css/visitor/java.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="${path }/resource/${path }/resource/images/favicon.ico">
</head>
<body class="">

<jsp:include page="_top.jsp"></jsp:include>
<div class="warp-box">
    <div class="content">
        <div class="banner">
            <img src="${banner.adImg }" alt="">
        </div>
        <div class="item1">
            <div class="container">
                <div class="tit">
                    <img src="${kctxbt.adImg}" alt="">
                </div>
                <div class="stage row">
                    <div class="col-md-4">
                        <div class="tit">
                            <img src="${path }/resource/images/java-tit-11.png" alt="">
                            <div>
                                <h4>第<span class="num">1</span>阶段</h4>
                                <h4>${kc1.artTitle }</h4>
                            </div>
                        </div>
                        ${kc1.artContent }
                        <div class="tit-footer"><img src="${path }/resource/images/java-tit-footer1.jpg" alt=""></div>
                    </div>
                    <div class="col-md-4">
                        <div class="tit">
                            <img src="${path }/resource/images/java-tit-12.png" alt="">
                            <div>
                                <h4>第<span class="num">2</span>阶段</h4>
                                <h4>${kc2.artTitle }</h4>
                            </div>
                        </div>
                        ${kc2.artContent }
                        <div class="tit-footer"><img src="${path }/resource/images/java-tit-footer2.jpg" alt=""></div>
                    </div>
                    <div class="col-md-4">
                        <div class="tit">
                            <img src="${path }/resource/images/java-tit-13.png" alt="">
                             <div>
                                <h4>第<span class="num">3</span>阶段</h4>
                                <h4>${kc3.artTitle }</h4>
                            </div>
                        </div>
                        ${kc3.artContent }
                        <div class="tit-footer3"><img src="${path }/resource/images/java-tit-footer3.jpg" alt=""></div>
                    </div>
                </div>
                <div class="enroll"><a target="_blank" href="http://tb.53kf.com/code/client/10125135/1"><h2>我要报名</h2></a></div>
            </div>
        </div>
        <div class="item2">
            <div class="container">
                <div class="tit">
                    <img src="${kbbt.adImg }" alt="">
                </div>
                <table class="table table-hover course">
                    <tbody>
                    <c:forEach items="${bj}" var="item"  varStatus="count">
                    <tr>
                        <td>JAVA+Android班</td>
                        <td><span class="opening-time"><fmt:formatDate value="${item.adTime }" pattern="yyyy.MM.dd" /></span> 开班</td>
                        <td>${item.adTitle }</td>
                        <td class="rest">剩余<span>${item.adUrl }</span>席
						<td>距离开班 <span class="border-blue" id=day_show${count.index}>30</span>天<span
						class="border-blue"  id=hour_show${count.index}>15</span>时<span class="border-blue" id=minute_show${count.index}>20</span>分<span
						class="border-blue" id=second_show${count.index}>30</span>秒</td>
						<td><span  class="border-yellow"><a target="_blank" href="http://tb.53kf.com/code/client/10125135/1"class="entry">我要报名</a></span></td>
                    </tr> 
                    </c:forEach>
                   
                    </tbody>
                </table>
            </div>
        </div>
        <div class="item3">
            <div class="container">
                <div class="tit">
                    <img src="${path }/resource/images/java-tit-3.png" alt="">
                </div>
                <div class="con">
                    <img src="${hq.adImg}" alt="">
                      <br>  <br>  <br>
                </div>
            </div>
        </div>
      
        <div class="item4">
            <div class="container">
                <div class="tit">
                    <img src="${path }/resource/images/java-tit-4.png" alt="">
                </div>
                <div class="pictureSlider poster-main" data-setting='{"width":1050,"height":240,"posterWidth":400,"posterHeight":240,"scale":0.7,"autoPlay":true,"delay":2000,"speed":800}'>
                    <div class="poster-btn poster-prev-btn glyphicon glyphicon-chevron-left"></div>
                    <ul class="poster-list">
                    	<c:forEach items="${zp }" var="item" >
                       	 <li class="poster-item"><img src="${item.adImg}"></li>
                        </c:forEach>
                    </ul>
                    <div class="poster-btn poster-next-btn glyphicon glyphicon-chevron-right"></div>
                </div>
            </div>
        </div>
        <div class="item5">
            <div class="container">
                <div class="tit">
                    <img src="${jybt.adImg}" alt="">
                </div>
                <div class="table-responsive">
                    <table  class="table table-hover job job1">
                        <tr>
								<th style="width: 11%;">姓名</th>
								<th style="width: 19%;">毕业院校</th>								
								<th style="width: 19%;">就业单位</th>
								<th style="width: 7%;">地点</th>
								<th style="width: 14%;"><span class="money">薪资</span></th>
								<th style="width: 15%;">福利</th>
								<th style="width: 14%;">就业时间</th>								
							</tr>
                    </table>
                    <div class="box">
                        <table class="table table-hover job job2"  id="job">
                            <tbody>
									<c:forEach items="${jyxx }" var="item">
										<tr>
											<td class="td1">${item.adTitle }</td>
												<td class="td2">${item.adInfo1 }</td>
												<td class="td3">${item.adInfo3 }</td>
												<td class="td4">${item.adInfo4 }</td>
												<td class="td5"><span class="money">${item.adInfo5 }</span></td>
												<td class="td6">${item.adInfo2 }</td>
												<td class="td7"><fmt:formatDate value="${item.adTime }"
												pattern="yyyy-MM-dd" /></td>
										</tr>
									</c:forEach>
								</tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="item6">
                <div class="pics">
                    <img src="${xyq.adImg}" alt="">
                </div>
        </div>
    </div>
</div>



<jsp:include page="_foot.jsp"></jsp:include>
<script type="text/javascript" src="${path }/resource/js/plugin/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="${path }/resource/plugin/bootstrap-3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${path }/resource/js/systools/AjaxProxy.js"></script>
<script type="text/javascript" src="${path }/resource/js/systools/MTools.js"></script>
<script type="text/javascript" src="${path }/resource/js/plugin/carousel.js"></script>
	<script src="${path }/resource/js/plugin/tween.js"></script>
		<script src="${path }/resource/js/plugin/utils.js"></script>
		<script src="${path }/resource/js/visitor/countdown.js"></script>
<script>
$(function(){
    Carousel.init($(".pictureSlider"));
});
(function () {
    var job=document.getElementById("job");
    var atr=job.getElementsByTagName("tr");
    job.moveTimer=window.setInterval( function () {
        changeImg(job,atr.length)
    },100);
    var step=0;
    function changeImg(obj,height)
    {
        if(step===0)
        {
            obj.style.top=0;
        }
        step+=5;
        window.tween(obj,{top:-step},50);
        if(step>=(height-6)*60)
        {
            step=0;
        }
    }
    job.onmouseover=function () {
        clearInterval(job.moveTimer)
    }
    job.onmouseout=function () {
        job.moveTimer=window.setInterval( function () {
            changeImg(job,atr.length)
        },100);
    }
})()

</script>
</body>
</html>